<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Suite</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/fontello-embedded.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
   <header class="flex">
       <div>
           <img src="images/logo.png" alt="">
       </div>
       <div>
           <ul class="nav-ul">
               <li class="list-item">网站首页</li>
               <li class="list-item">产品服务</li>
               <li class="list-item">客户案例</li>
               <li class="list-item">关于我们</li>
               <li class="list-item">联系我们</li>
           </ul>
       </div>
   </header>
   <section class="bg">
       <span class="animated bounceInDown">
           <span >PRIME SOCIAL SUITE</span><br/>
           <span class="subtitle">
               全方位媒体监测和整合分析解决方案
           </span>
       </span>
   </section>
   <section class="info">
       <span class="title">专注于数据分析七年</span><br/>
       <span class="women">我们能做什么？</span>
       <article class="flex wedo-box">
           <div class="wedo-item">
               <i class="demo-icon icon-thumbs-up-alt"></i>
               <div class="wedo-text">
                   <p>
                       品牌声誉
                   </p>
                   <p>
                       企业高端网站定制设计<br/>
                       彰显品牌形象
                   </p>
               </div>
           </div>
           <div class="wedo-item">
               <i class="demo-icon  icon-arrows-cw"></i>
               <div class="wedo-text">
                   <p>
                       品牌声誉
                   </p>
                   <p>
                       企业高端网站定制设计<br/>
                       彰显品牌形象
                   </p>
               </div>
           </div>
           <div class="wedo-item">
               <i class="demo-icon icon-user-add"></i>
               <div class="wedo-text">
                   <p>
                       品牌声誉
                   </p>
                   <p>
                       企业高端网站定制设计<br/>
                       彰显品牌形象
                   </p>
               </div>
           </div>
           <div class="wedo-item">
               <i class="demo-icon icon-unlink"></i>
               <div class="wedo-text">
                   <p>
                       品牌声誉
                   </p>
                   <p>
                       企业高端网站定制设计<br/>
                       彰显品牌形象
                   </p>
               </div>
           </div>
       </article>
   </section>
   <section class="info success-case">
       <span class="title">成功案例</span><br/>
       <span class="women">国内最优秀的电商平台及相关系统服务商</span>
   </section>
   <section class="scale-box">
       <div class="flex nav-box">
          <div class="flex-1" >
              <span class="scale-box-title">新闻动态</span>
              <p class="scale-box-title-border"></p>
          </div>
          <div class="flex-1" >
              <ul class="news-ul">
                  <li class="li-active">全部</li>
                  <li>优化</li>
                  <li>产品</li>
                  <li>动态</li>
                  <li>经验</li>
              </ul>
          </div>
      </div>
       <div class="flex news-detail">
           <div class="flex-1 hover-bigbox" style="border: solid 1px #ff0000">
               <div class="hover-box">
                   <img src="images/2.jpg" alt="PRIME-RESEARCH" />
               </div>
               <div class="hover-panel">
                   <div class="hover-panel-texts">
                       <p class="hover-panel-title">SEO网站的基本术语</p>
                       <p class="hover-panel-border"></p>
                       <p class="hover-panel-details">
                           SEO SEO就是Search Engine Optimization的缩写,中文就是搜索引擎优化。
                           PR 值全称为PageRank(网页级别）,是Google用于用来标识网页的等级
                       </p>
                   </div>
               </div>

           </div>
           <div class="flex-1" style="border: solid 1px #ff0000">

           </div>
       </div>
   </section>
   <section></section>
   <section></section>

</body>
</html>









































